<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 字符串的操作(目前要熟悉所有的方法,快毕业的时候全部背出来)

    // 查询方法

    // 1. indexOf(searchString)
    // 查询字符串是否包含某个字符，或者某几个字符
    const str = "hello, world!";
    // 如果查到了，是字符所在的位置，没查到是-1
    const index = str.indexOf("world");
    console.log(index);


    // 2. lastIndexOf(searchString)
    // 查询字符串是否包含某个字符，或者某几个字符，从后往前找
    // 如果查到了，是字符所在的位置，没查到是-1
    const index2 = str.indexOf("world");
    console.log(index2);


    // 3. includes(searchString)
    // 查询字符串是否包含某个字符，或者某几个字符
    // 返回的是布尔值
    const bol = str.includes("xxx");
    console.log(bol);



    // 4. startsWith(searchString)
    // 查询字符串是否以某个或某几个字符开头
    const bol2 = str.startsWith("heddd");
    console.log(bol2);

    
    // 5. endsWith(searchString)
    // 查询字符串是否以某个或某几个字符结尾
    const bol3 = str.endsWith("d!");
    console.log(bol3);





    // 截取方法

    // 6. slice(startIndex, endIndex?)
    // 返回值是截取以后的新字符串 [startIndex, endIndex)
    // 如果是一个参数，比如2，表示从2截取到最后
    // 参数也可以是负数，比如-2，表示从倒数第二个数开始截取
    const sliceStr = str.slice(-2);
    console.log(sliceStr);


    // 7. substring(startIndex, endIndex?)
    // 也是截取，作用和slice几乎一样，除了不能使用负数
    const substringStr = str.substring(2,5);
    console.log(substringStr);



    // 8. substr(from, length?)
    // 也是截取，第二个参数不是结束的索引，而是需要截取的长度
    const substrStr = str.substr(2, 5);
    console.log(substrStr);






    // 转换方法

    // 9. toUpperCase()
    // 用于将字符串转成大写
    const toUpperCaseStr = str.toUpperCase();
    console.log(toUpperCaseStr);


    // 10. toLowerCase()
    // 用于将字符串转成小写
    const toLowerCaseStr = toUpperCaseStr.toLowerCase();
    console.log(toLowerCaseStr);


    // 11. trim()
    // 用来去除字符串里面的首尾空格的
    // 中间的空格不会删除
    const str2 = "+86      13878787878      "
    const trimStr = str2.trim();
    console.log(trimStr);




    // 其他方法

    // 12. split(splitter)
    // 转数组
    const str3 = "abc-def";
    const arr = str3.split("-");
    console.log(arr);
    // 字符串反转
    console.log(str.split("").reverse().join(""))


    // 13. replace(searchValue, replaceValue)
    // 先匹配第一个字符，用第二个参数替换
    const replaceStr = str.replace("world", "gongshang");
    console.log(replaceStr);


    // 14. repeat(count)
    // 将字符串重复count遍
    const repeatStr = str.repeat(3);
    console.log(repeatStr);
    
    
  </script>
</body>
</html>